/*
root element for the scrollable.  when scrolling occurs this
element stays still.
*/
.sp .scrollwrapper{
	width: 640px;
	height:83px;
	background:url(images/h_bgotxm.gif) repeat-x;
	border:1px solid #E5E5E5 ;
}
.sp .scrollable {
  /* required settings */
  position:relative;
  overflow:hidden;
  width: 590px;
  height:83px;
}

/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.sp .scrollable .items {
  /* this cannot be too large */
  width:20000em;
  position:absolute;
}

/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.sp .items div {
  float:left;
}
.sp .items div.blck{
	width:150px;
	float:left;
	margin-top:8px;
}
.sp .items div.blck img{
	display:inline;
}
.sp .items div.blck_txt{
	width:150px;
	float:none;
	text-align: center;
}

/* Button navigation */
.sp .scrollable{float:left;}
.sp .scrollwrapper a.right{
	background:url(images/h_next2.gif) no-repeat;
	clear:right;
	margin-right: 0px;
}
.sp .scrollwrapper a.left{
	background:url(images/h_back2.gif) no-repeat;
	clear:left;
	margin-right:10px;
}
.sp .scrollwrapper a.browse{
	display:block;
    width:11px;
    height:18px;
    float:left;
    margin:35px 5px;
    cursor:pointer;
    font-size:1px;
}